<template>
  <el-row :gutter="20" class="section_2">
    <el-col :span="6">
      <div class="section_3 flex-col">
        <div class="block_1 flex-row justify-between">
          <img
            class="label_2"
            referrerpolicy="no-referrer"
            :src="icon1"
          >
          <div class="text-wrapper_3">
            <span class="text_5">{{ dataList[0].sum || 0}}</span> <span class="text_6">个</span>
          </div>
        </div>
        <div class="text-wrapper_4 flex-row">
          <span class="text_7">{{ dataList[0].name }}</span>
        </div>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="section_4 flex-col">
        <div class="box_4 flex-row justify-between">
          <img
            class="label_3"
            referrerpolicy="no-referrer"
            :src="icon2"
          >
          <div class="text-wrapper_5">
            <span class="text_8">{{ dataList[1].sum || 0}}</span> <span class="text_9">个</span>
          </div>
        </div>
        <div class="text-wrapper_6 flex-row">
          <span class="text_10">{{ dataList[1].name }}</span>
        </div>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="section_5 flex-col">
        <div class="block_2 flex-row justify-between">
          <img
            class="label_4"
            referrerpolicy="no-referrer"
            :src="icon3"
          >
          <div class="text-wrapper_7">
            <span class="text_11">{{ dataList[2].sum || 0}}</span>
            <span class="text_12">个</span>
          </div>
        </div>
        <div class="text-wrapper_8 flex-row">
          <span class="text_13">{{ dataList[2].name }}</span>
        </div>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="section_6 flex-col">
        <div class="section_7 flex-row justify-between">
          <img
            class="label_5"
            referrerpolicy="no-referrer"
            :src="icon4"
          >
          <div class="text-wrapper_9">
            <span class="text_14">{{ dataList[3].sum || 0}}</span> <span class="text_15">个</span>
          </div>
        </div>
        <div class="text-wrapper_10 flex-row">
          <span class="paragraph_1">{{ dataList[3].name }}</span>
        </div>
      </div>
    </el-col>
  </el-row>

</template>
<script>
import {http} from "@/api";
import { MeetingType, getName } from '@/dict'

export default {
  data() {
    return {
      icon1: require('@/assets/static1-1.png'),
      icon2: require('@/assets/static2-2.png'),
      icon3: require('@/assets/static3-2.png'),
      icon4: require('@/assets/static4-2.png'),
        dataList: [0,0, 0,0]
    }
  },
    created() {
        http.projectStatic.top().then(res => {
            console.log(res)
            this.dataList = res.data.map(el => {
                return {sum:el.sum,name:getName(el.meetingType, MeetingType)}
            })
        })
    },
    methods: {}
}
</script>
<style lang="scss">
@import "./index.scss";
</style>
